<template>
  <div class="hello">
    <!--头部-->
    <div>
      <MyHeader/>
    </div>

<!--    导航栏-->
    <div>
      <MyMenu/>
    </div>

    <!-- 底部   -->
    <el-footer class="footer">
      <MyFooter/>
    </el-footer>


  </div>
</template>

<script>
import MyHeader from './common/MyHeader.vue'
import MyMenu from './common/MyMenu.vue'
import MyFooter from "./common/MyFooter.vue";

export default {
  // 注册组件
  components: {
    MyHeader,
    MyMenu,
    MyFooter


  },
  data() {
    return {}
  },


}
</script>

<style lang="scss">
.hello {
  width: 100%;
  height: 100%;

  .footer {
    text-align: center;
    background-color: white;
    padding-top: 20px
  }
}


</style>
